<template>
    <div>
        <van-nav-bar title="标题" left-text="返回" left-arrow @click-left="()=>{$router.back()}" fixed/>
            <div style="height: 45px;"></div>
        <van-search v-model="value" shape="round" background="#4fc08d" placeholder="请输入搜索关键词"/>
        

        <van-cell-group v-for="item in wgq">
            <router-link :to="'/xqy/'+item.goods_id">
                <van-cell :title="item.goods_name"/>
            </router-link>
            
        </van-cell-group>
    </div>
</template>

<script setup>
import {ref,watch}from 'vue'
import{qsearchApi}from '@/api/api'
let wgq=ref([])
let value=ref('')
watch(value,(val)=>{
    qsearchApi(val).then(res=>{
        console.log('搜索数据',res)
        wgq.value=res.data.message
    })
})
</script>

<style lang="scss" scoped></style>